/*
 * @Description: 
 * @Version: 2.0
 * @Autor: liuwei
 * @Date: 2021-05-30 09:05:59
 * @LastEditors: liuwei
 * @LastEditTime: 2021-05-30 09:36:34
 */
import {
  init,
  h
} from 'snabbdom';

// init:把虚拟DOM转换成真实DOM
const patch = init([])

// 第一个参数：标签+选择器
// 第二个参数：如果是字符串就是标签中的文本内容
let vnode = h('div#container.cls', 'hello world')
let app = document.querySelector('#app')

// 第一个参数：旧的VNode，也可以是DOM元素
// 第二个参数：行的VNode
// 返回新的VNode
// 对比两个Vnode，打补丁，然后返回第二个参数作为下一次patch的oldVnode
let oldVnode = patch(app, vnode)

vnode = h('div#container.xxx', 'hello Snabbdom')
patch(oldVnode, vnode)